<!DOCTYPE html>
<html>
    <head>
        <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0;" name="viewport" />
        <meta charset="utf-8">
        <meta name="renderer" content=webkit>
        <!-- 引入vue -->
        <script src="../js/vue.js"></script>
        <!-- 引入组件库 -->
        <script src="../js/jQyery.js"></script>
        <script src="../js/layer/layer.js"></script>
     
        <script src="../js/element/element.js"></script>
        <script src="../js/new.js"></script>
        <!-- 引入样式 -->
        <link rel="stylesheet" href="../js/element/element.css">
        <link rel="stylesheet" href="../css/main.css">
        <link rel="stylesheet" href="../css/maincontent.css">
        <link rel="stylesheet" href="../css/newmain.css">
        <link rel="stylesheet" href="../font/iconfont.css">
     
    </head>
    <style>
        [v-cloak]{
            display: none;
        }
    </style>
    <body>
        <div class="index_main"  onclick="hidediaolog()">
            <div class="index_mainhead" id="app" v-cloak >
                <div class="imh_left">
                    <img class="index_logo" src="../img/logowhite.png">
                    <el-tooltip class="item" effect="light" content="折叠" placement="right" v-if="!isCollapse" >
                        <img class="index_action" src="../img/logonext.png" v-on:click="changemenu">
                    </el-tooltip>

                    <el-tooltip class="item" effect="light" content="展开" placement="right" v-if="isCollapse">
                        <img class="index_action"  src="../img/right.png" v-on:click="changemenu">
                    </el-tooltip>
                  
                </div>
                <div class="imh_right">
                    <div class="right_notice" v-on:click.stop="shownoticedialog">
                        <el-badge :value="12" :max="99" class="item">
                            <img class="right_noticeimg" src="../img/jinbao.png">
                        </el-badge>
                        <div class="noticelist" v-if="shownotice">
                            <div class="noticediv">
                                <img src="../img/yiji.png">
                                <span>一级警告提示文字辅助性触 字辅助性字辅助性字</span>
                            </div>
                            <div class="noticediv">
                                <img src="../img/erji.png">
                                <span>一级警告提示文字辅助性触 字辅助性字辅助性字</span>
                            </div>
                            <div class="noticediv">
                                <img src="../img/sanji.png">
                                <span>一级警告提示文字辅助性触 字辅助性字辅助性字</span>
                            </div>
                            <div class="noticediv">
                                <img src="../img/yiji.png">
                                <span>一级警告提示文字辅助性触 字辅助性字辅助性字</span>
                            </div>
                            <div class="noticediv">
                                <img src="../img/erji.png">
                                <span>一级警告提示文字辅助性触 字辅助性字辅助性字</span>
                            </div>
                            <div class="noticediv">
                                <img src="../img/sanji.png">
                                <span>一级警告提示文字辅助性触 字辅助性字辅助性字</span>
                            </div>
                            <div class="noticebottom">
                                <span>点击查看更多</span>
                            </div>
                        </div>
                    </div>
                    <div class="title_rightdiv" v-on:click.stop="showlangdialog">
                        <img :src="langinfo.img">
                        <span style="margin-left: 0.1rem;color: #fff">{{langinfo.name}}</span>
                        <img src="../img/xlwhite.png" style="margin-left: 0.05rem;">
                    </div>
                    <div class="head_line">

                    </div>
                    <div class="head_loginout">
                        <img src="../img/tuichu.png">
                    </div>
                </div>

                <div class="changelang" v-if="showlang" style="right: 0.14rem;top: 0.86rem">
                    <template v-for="item in langlist">
                        <div class="landiv" :class="{choselandiv:item.img===langinfo.img}" v-on:click="chosethis(item)">
                            <img :src="item.img">
                            <span>{{item.name}}</span>
                        </div>
                    </template>
                    
                </div>
            </div>
            <div class="index_maincontent">
                <div class="imc_left" id="meun" v-cloak>
                    <div class="imc_userinfo" v-on:click.stop="showuserinfoactiondialog" v-if="!isCollapse">
                        <div class="userimg">
                            <img src="../img/tx.png">
                        </div>
                        <div class="userinfo" >
                            <div class="usertitle">
                                <span>智棚物联网</span>
                            </div>
                            <div class="userdesc">
                                <span>管理员</span>
                            </div>
                        </div>

                        <div class="userinfoaction" v-if="showuserinfoaction">
                            <div class="actionimg">
                                <img src="../img/sanjiao.png">
                            </div>
                            <div class="actionlist">
                                <div class="actiondiv">
                                    <span>基本资料</span>
                                </div>
                                <div class="actiondiv">
                                    <span>修改密码</span>
                                </div>
                                <div class="actiondiv">
                                    <span>退出</span>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="indexmenu">
                        <el-menu
                            ref="menu"
                            default-active="1"
                            class="el-menu-vertical-demo"
                            @open="handleOpen"
                            @close="handleClose"
                            :collapse="isCollapse"
                            background-color="#1A2F70"
                            text-color="#dfdfdf"
                            :unique-opened="true"
                            :collapse-transition="false">
                            <el-menu-item index="2" v-on:click="hidefarmlist">
                                <i class="el-icon-s-home"></i>
                                <span slot="title">首页</span>
                            </el-menu-item>
                            <el-submenu index="1">
                                <template slot="title">
                                    <i class="el-icon-s-grid"></i>
                                    <span>农场列表</span>
                                </template>
                                <el-menu-item-group class="seconditem" style="background: #253C82">
                                    <el-menu-item index="1-1">选项1</el-menu-item>
                                    <el-menu-item index="1-2">选项2</el-menu-item>
                                    <el-menu-item index="1-3">选项3</el-menu-item>
                                    <el-submenu index="1-4">
                                        <template slot="title">选项4</template>
                                        <el-menu-item class="thirditem" index="1-4-1">选项1</el-menu-item>
                                    </el-submenu>
                                </el-menu-item-group>
                            
                                
                           
                        
                            </el-submenu>
                         
                            <el-menu-item index="3" v-on:click="hidefarmlist">
                              <i class="el-icon-s-platform"></i>
                              <span slot="title">智能场景</span>
                            </el-menu-item>
                            <el-menu-item index="4" v-on:click="hidefarmlist">
                              <i class="el-icon-s-order"></i>
                              <span slot="title">智棚服务</span>
                            </el-menu-item>
                        </el-menu>
                    </div>
                    
                </div>
                <div class="imc_right" id="content" v-cloak>
                    <div class="imc_righthead">
                        <span>首页</span>
                    </div>
                    <div class="mainright_content">
                        <div class="fc_maindiv">
                            <div class="fc_maindivhead">
                                <div class="fchead_left">
                                        <div class="hoverdiv">
                                            <div class="fcleft_div fcleft_sy">
                                                <div class="fcldiv_left">
                                                    <div class="fcldl_title">
                                                        <span>首页</span>
                                                    </div>
                                                    <div class="fcldl_desc">
                                                        <span>home page</span>
                                                    </div>
                                                </div>
                                                <div class="fcldiv_right">
                                                    <img src="../img/sy.png">
                                                </div>

                                                <img src="../img/xz.png" style="width: 0.31rem;position: absolute;
                                                top: -1px;right: 0;">
                                            </div>
                                        </div>
                                        <div class="hoverdiv">
                                            <div class="fcleft_div" style="background: #00B43E">
                                                <div class="fcldiv_left">
                                                    <div class="fcldl_title">
                                                        <span>设备控制</span>
                                                    </div>
                                                    <div class="fcldl_desc">
                                                        <span>Equipment control</span>
                                                    </div>
                                                </div>
                                                <div class="fcldiv_right">
                                                    <img src="../img/xmkz.png">
                                                </div>
                                            </div>
                                        </div>
                                        <div class="hoverdiv">
                                            <div class="fcleft_div" style="background: #6470E8">
                                                <div class="fcldiv_left">
                                                    <div class="fcldl_title">
                                                        <span>系统报警</span>
                                                    </div>
                                                    <div class="fcldl_desc">
                                                        <span>System alarm</span>
                                                    </div>
                                                </div>
                                                <div class="fcldiv_right">
                                                    <img src="../img/baojing.png">
                                                </div>
                                            </div>
                                        </div>
                                        <div class="hoverdiv">
                                            <div class="fcleft_div" style="background: #FB8B8B;">
                                                <div class="fcldiv_left">
                                                    <div class="fcldl_title">
                                                        <span>传感数据</span>
                                                    </div>
                                                    <div class="fcldl_desc">
                                                        <span>Sensing data</span>
                                                    </div>
                                                </div>
                                                <div class="fcldiv_right">
                                                    <img src="../img/cgq.png">
                                                </div>
                                            </div>
                                        </div>
                                   

                                        <div class="hoverdiv">
                                            <div class="fcleft_div" style="background: #1B8CE4">
                                                <div class="fcldiv_left">
                                                    <div class="fcldl_title">
                                                        <span>视频监控</span>
                                                    </div>
                                                    <div class="fcldl_desc">
                                                        <span>Video surveillance</span>
                                                    </div>
                                                </div>
                                                <div class="fcldiv_right">
                                                    <img src="../img/spjk.png">
                                                </div>
                                            </div>
                                        </div>
                                        <div class="hoverdiv">
                                            <div class="fcleft_div" style="background: #EC7147">
                                                <div class="fcldiv_left">
                                                    <div class="fcldl_title">
                                                        <span>参数设置</span>
                                                    </div>
                                                    <div class="fcldl_desc">
                                                        <span>Parameter setting</span>
                                                    </div>
                                                </div>
                                                <div class="fcldiv_right">
                                                    <img src="../img/cssz.png">
                                                </div>
                                            </div>
                                        </div>
                                        <div class="hoverdiv">
                                            <div class="fcleft_div" style="background: #C34AD3">
                                                <div class="fcldiv_left">
                                                    <div class="fcldl_title">
                                                        <span>历史数据</span>
                                                    </div>
                                                    <div class="fcldl_desc">
                                                        <span>historical data</span>
                                                    </div>
                                                </div>
                                                <div class="fcldiv_right">
                                                    <img src="../img/lssj.png">
                                                </div>
                                            </div>
                                        </div>
                                        <div class="hoverdiv">
                                            <div class="fcleft_div" style="background: #42AFF8;">
                                                <div class="fcldiv_left">
                                                    <div class="fcldl_title">
                                                        <span>统计分析</span>
                                                    </div>
                                                    <div class="fcldl_desc">
                                                        <span>statistical analysis</span>
                                                    </div>
                                                </div>
                                                <div class="fcldiv_right">
                                                    <img src="../img/tjfx.png">
                                                </div>
                                            </div>
                                        </div>
                                    
                                    
                                </div>
                                <div class="fchead_right">
                                    <div class="fcr_left">
                                        <div class="fcrl_top">
                                            <img src="../img/qing.png">
                                        </div>
                                        <div class="fcrl_bottom">
                                            <span>晴</span>
                                        </div>

                                    </div>
                                    <div class="fcr_right">
                                        <div class="fcrr_top">
                                            <span>27°C-35°C</span>
                                        </div>
                                        <div class="fcrr_bottom">
                                           <span>北京 2020-07-28</span>
                                           <span>风向:无持续风向</span>
                                           <span>风力:<3级</span>
                                        </div>
                                    </div>
                                </div>
                                
                            </div>
                            <div class="fc_maindivcontent">
                                <div class="datalistcontent">
                                    <div class="datalisthead">
                                        <div class="dlh_left">
                                            <el-select v-model="dataType" placeholder="请选择">
                                                <el-option
                                                    label="实时数据"
                                                    value="0">
                                                </el-option>
                                                <el-option
                                                    label="历史数据"
                                                    value="1">
                                                </el-option>
                                            </el-select>
                                            <el-select v-model="dataType" placeholder="请选择" v-if="dataType==1" style="margin-left: 0.1rem;">
                                                <el-option
                                                    label="1#"
                                                    value="0">
                                                </el-option>
                                                <el-option
                                                    label="2#"
                                                    value="1">
                                                </el-option>
                                            </el-select>
                                            <el-date-picker
                                                v-model="time"
                                                type="datetimerange"
                                                range-separator="至"
                                                start-placeholder="开始日期"
                                                end-placeholder="结束日期" v-if="dataType==1" style="margin-left: 0.1rem;">
                                            </el-date-picker>
                                            <div class="searchbtn" v-if="dataType==1">
                                                <span>查询</span>
                                            </div>
                                            <div class="exportbtn" v-if="dataType==1">
                                                <i class="iconfont icondaochu"></i>
                                                <span>数据导出</span>
                                            </div>
                                        </div>
                                        <div class="dlh_right">
                                            <div class="dlh_rightbtn" :class="{selectrightbtn:btnActive==0}" @click="setBtnActive(0)">
                                                <i class="iconfont iconliebiao" style="font-size:16px;"></i>
                                                <span style="line-height:12px;">列表</span>
                                            </div>
                                            <div class="dlh_rightbtn" :class="{selectrightbtn:btnActive==1}" @click="setBtnActive(1)">
                                                <i class="iconfont iconquxian" style="font-size:16px;"></i>
                                                <span style="line-height:12px;">曲线</span>
                                            </div>
                                        </div>
                                    </div>

                                    <div class="datalistmain" v-if="dataType==0 && btnActive==0">
                                        <div class="datalistmaindiv">
                                            <div class="dlm_title">
                                                <span>室外数据</span>
                                            </div>
                                            <div class="dlm_list">
                                                <div class="dlm_div">
                                                    <span>室外温度</span>
                                                    <span>18ºC</span>
                                                </div>
                                                <div class="dlm_div">
                                                    <span>室外温度</span>
                                                    <span>18ºC</span>
                                                </div>
                                                <div class="dlm_div">
                                                    <span>室外温度</span>
                                                    <span>18ºC</span>
                                                </div>
                                                <div class="dlm_div">
                                                    <span>室外温度</span>
                                                    <span>18ºC</span>
                                                </div>
                                                <div class="dlm_div">
                                                    <span>室外温度</span>
                                                    <span>18ºC</span>
                                                </div>
                                                <div class="dlm_div">
                                                    <span>室外温度</span>
                                                    <span>18ºC</span>
                                                </div>
                                                <div class="dlm_div">
                                                    <span>室外温度</span>
                                                    <span>18ºC</span>
                                                </div>
                                                <div class="dlm_div">
                                                    <span>室外温度</span>
                                                    <span>18ºC</span>
                                                </div>
                                                <div class="dlm_div">
                                                    <span>室外温度</span>
                                                    <span>18ºC</span>
                                                </div>
                                            </div>
                                        </div> 
                                        <div class="datalistmaindiv">
                                            <div class="dlm_title">
                                                <span>土壤墒情</span>
                                                <el-dropdown>
                                                    <span class="el-dropdown-link">
                                                      下拉菜单<i class="el-icon-arrow-down el-icon--right"></i>
                                                    </span>
                                                    <el-dropdown-menu slot="dropdown">
                                                      <el-dropdown-item>黄金糕</el-dropdown-item>
                                                      <el-dropdown-item>狮子头</el-dropdown-item>
                                                      <el-dropdown-item>螺蛳粉</el-dropdown-item>
                                                      <el-dropdown-item disabled>双皮奶</el-dropdown-item>
                                                      <el-dropdown-item divided>蚵仔煎</el-dropdown-item>
                                                    </el-dropdown-menu>
                                                </el-dropdown>
                                            </div>
                                            <div class="dlm_list">
                                                <div class="dlmlist_title">
                                                    <div class="dllt_left">
                                                        <span>地表</span>
                                                    </div>
                                                    <div class="dllt_right">
                                                        <div class="dlltr_div">
                                                            <span>温度</span>
                                                            <div class="circle_div">

                                                            </div>
                                                        </div>
                                                        <div class="dlltr_div" style="margin-left:0.22rem;">
                                                            <span>湿度</span>
                                                            <div class="circle_div circle_div_blue">

                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="dlmlist_div">
                                                    <div class="dlld_left">
                                                        <span>10cm</span>
                                                    </div>
                                                    <div class="dlld_center">
                                                        <div class="dc_temp">
                                                            <div class="dc_tempxian">

                                                            </div>
                                                            <div class="dc_temptext">
                                                                <span>25℃</span>
                                                            </div>
                                                        </div>
                                                        <div class="dc_hum">
                                                            <div class="dc_humxian">
                                                                
                                                            </div>
                                                            <div class="dc_humtext">
                                                                <span>80%</span>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    
                                                </div>
                                                <div class="dlmlist_div">
                                                    <div class="dlld_left">
                                                        <span>20cm</span>
                                                    </div>
                                                    <div class="dlld_center">
                                                        <div class="dc_temp">
                                                            <div class="dc_tempxian">

                                                            </div>
                                                            <div class="dc_temptext">
                                                                <span>25℃</span>
                                                            </div>
                                                        </div>
                                                        <div class="dc_hum">
                                                            <div class="dc_humxian">
                                                                
                                                            </div>
                                                            <div class="dc_humtext">
                                                                <span>80%</span>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    
                                                </div>
                                            </div>
                                        </div>  
                                        <div class="datalistmaindiv">
                                            <div class="dlm_title">
                                                <span>室外数据</span>
                                            </div>
                                            <div class="dlm_list">
                                                <div class="dlm_div">
                                                    <span>室外温度</span>
                                                    <span>18ºC</span>
                                                </div>
                                                <div class="dlm_div">
                                                    <span>室外温度</span>
                                                    <span>18ºC</span>
                                                </div>
                                                <div class="dlm_div">
                                                    <span>室外温度</span>
                                                    <span>18ºC</span>
                                                </div>
                                                <div class="dlm_div">
                                                    <span>室外温度</span>
                                                    <span>18ºC</span>
                                                </div>
                                                <div class="dlm_div">
                                                    <span>室外温度</span>
                                                    <span>18ºC</span>
                                                </div>
                                                <div class="dlm_div">
                                                    <span>室外温度</span>
                                                    <span>18ºC</span>
                                                </div>
                                                <div class="dlm_div">
                                                    <span>室外温度</span>
                                                    <span>18ºC</span>
                                                </div>
                                                <div class="dlm_div">
                                                    <span>室外温度</span>
                                                    <span>18ºC</span>
                                                </div>
                                                <div class="dlm_div">
                                                    <span>室外温度</span>
                                                    <span>18ºC</span>
                                                </div>
                                            </div>
                                        </div>  
                                        <div class="datalistmaindiv">
                                            <div class="dlm_title">
                                                <span>室外数据</span>
                                            </div>
                                            <div class="dlm_list">
                                                <div class="dlm_div">
                                                    <span>室外温度</span>
                                                    <span>18ºC</span>
                                                </div>
                                                <div class="dlm_div">
                                                    <span>室外温度</span>
                                                    <span>18ºC</span>
                                                </div>
                                                <div class="dlm_div">
                                                    <span>室外温度</span>
                                                    <span>18ºC</span>
                                                </div>
                                                <div class="dlm_div">
                                                    <span>室外温度</span>
                                                    <span>18ºC</span>
                                                </div>
                                                <div class="dlm_div">
                                                    <span>室外温度</span>
                                                    <span>18ºC</span>
                                                </div>
                                                <div class="dlm_div">
                                                    <span>室外温度</span>
                                                    <span>18ºC</span>
                                                </div>
                                                <div class="dlm_div">
                                                    <span>室外温度</span>
                                                    <span>18ºC</span>
                                                </div>
                                                <div class="dlm_div">
                                                    <span>室外温度</span>
                                                    <span>18ºC</span>
                                                </div>
                                                <div class="dlm_div">
                                                    <span>室外温度</span>
                                                    <span>18ºC</span>
                                                </div>
                                            </div>
                                        </div>  
                                        <div class="datalistmaindiv">
                                            <div class="dlm_title">
                                                <span>室外数据</span>
                                            </div>
                                            <div class="dlm_list">
                                                <div class="dlm_div">
                                                    <span>室外温度</span>
                                                    <span>18ºC</span>
                                                </div>
                                                <div class="dlm_div">
                                                    <span>室外温度</span>
                                                    <span>18ºC</span>
                                                </div>
                                                <div class="dlm_div">
                                                    <span>室外温度</span>
                                                    <span>18ºC</span>
                                                </div>
                                                <div class="dlm_div">
                                                    <span>室外温度</span>
                                                    <span>18ºC</span>
                                                </div>
                                                <div class="dlm_div">
                                                    <span>室外温度</span>
                                                    <span>18ºC</span>
                                                </div>
                                                <div class="dlm_div">
                                                    <span>室外温度</span>
                                                    <span>18ºC</span>
                                                </div>
                                                <div class="dlm_div">
                                                    <span>室外温度</span>
                                                    <span>18ºC</span>
                                                </div>
                                                <div class="dlm_div">
                                                    <span>室外温度</span>
                                                    <span>18ºC</span>
                                                </div>
                                                <div class="dlm_div">
                                                    <span>室外温度</span>
                                                    <span>18ºC</span>
                                                </div>
                                            </div>
                                        </div>      
                                    </div>
                                    

                                    <div class="tablecontent searchdiv" v-if="dataType==0 && btnActive==1">
                                        <div class="tc_head">
                                            <div class="headbtn" @click="showAirDialog">
                                                <span>显示数据源</span>
                                            </div>
                                        </div>        
                                        
                                    </div>



                                </div>
                            </div>
                        </div>
                    </div>


                    <el-dialog
                        title=""
                        :visible.sync="dialogAirVisible"
                        :close-on-click-modal="false"
                        :show-close="false"
                        class="airdialog"
                        width="840px">
                        <div class="dialogheaddiv" style="margin-top: 0px;">
                            <span>室外气象站</span>
                         
                        </div>
                        <div class="dialogtable">
                            <div class="dialogtablediv">
                                <div class="firstdiv">
                                    <span>1#：</span>
                                </div>
                                <div class="seconddiv">
                                    <el-checkbox :indeterminate="isIndeterminate" v-model="checkAll" @change="handleCheckAllChange">全选</el-checkbox>
                                    <el-checkbox-group v-model="checkedTypes" @change="handleCheckedCitiesChange">
                                        <template v-for="item in typeList">
                                            <el-checkbox :label="item.id" :key="item.id">{{item.text}}</el-checkbox>
                                        </template>
                                        
                                    </el-checkbox-group>
                                </div>
                            </div>
                            <div class="dialogtablediv">
                                <div class="firstdiv">
                                    <span>1#：</span>
                                </div>
                                <div class="seconddiv">
                                    <el-checkbox :indeterminate="isIndeterminate" v-model="checkAll" @change="handleCheckAllChange">全选</el-checkbox>
                                    <el-checkbox-group v-model="checkedTypes" @change="handleCheckedCitiesChange">
                                        <template v-for="item in typeList">
                                            <el-checkbox :label="item.id" :key="item.id">{{item.text}}</el-checkbox>
                                        </template>
                                    </el-checkbox-group>
                                </div>
                            </div>
                        </div>
                        <div class="dialogheaddiv">
                            <span>室内传感器</span>
                            <el-select v-model="dataOutIn" placeholder="请选择">
                                <el-option
                                    label="室内"
                                    value="0">
                                </el-option>
                                <el-option
                                    label="室外"
                                    value="1">
                                </el-option>
                            </el-select>
                        </div>
                        <div class="dialogtable" >
                            <div class="dialogtablediv">
                                <div class="firstdiv">
                                    <span>1#：</span>
                                </div>
                                <div class="seconddiv">
                                    <el-checkbox :indeterminate="isIndeterminate" v-model="checkAll" @change="handleCheckAllChange">全选</el-checkbox>
                                    <el-checkbox-group v-model="checkedTypes" @change="handleCheckedCitiesChange">
                                        <template v-for="item in typeList">
                                            <el-checkbox :label="item.id" :key="item.id">{{item.text}}</el-checkbox>
                                        </template>
                                        
                                    </el-checkbox-group>
                                </div>
                            </div>
                            <div class="dialogtablediv">
                                <div class="firstdiv">
                                    <span>1#：</span>
                                </div>
                                <div class="seconddiv">
                                    <el-checkbox :indeterminate="isIndeterminate" v-model="checkAll" @change="handleCheckAllChange">全选</el-checkbox>
                                    <el-checkbox-group v-model="checkedTypes" @change="handleCheckedCitiesChange">
                                        <template v-for="item in typeList">
                                            <el-checkbox :label="item.id" :key="item.id">{{item.text}}</el-checkbox>
                                        </template>
                                    </el-checkbox-group>
                                </div>
                            </div>
                        </div>
                        <span slot="footer" class="dialog-footer searchdiv">
                            <el-button @click="dialogAirVisible = false">取 消</el-button>
                            <el-button type="primary" @click="dialogAirVisible = false">保 存</el-button>
                        </span>
                    </el-dialog>
                </div>
            </div>

        </div>
    </body>

</html>
<script>
    var headvue=new Vue({
        el: '#app',
        data(){
            return {
                langinfo:{
                    name:"简体中文",
                    img:'../img/cn.png'
                },
                showlang:false,
                shownotice:false,
                isCollapse:false,
                langlist:[
                    {
                        img:'../img/cn.png',
                        name:'简体中文'
                    },
                    {
                        img:'../img/yy.png',
                        name:'English'
                    },
                    {
                        img:'../img/yy.png',
                        name:'English'
                    },
                    {
                        img:'../img/yy.png',
                        name:'English'
                    },{
                        img:'../img/yy.png',
                        name:'English'
                    },{
                        img:'../img/yy.png',
                        name:'English'
                    },{
                        img:'../img/yy.png',
                        name:'English'
                    },{
                        img:'../img/yy.png',
                        name:'English'
                    },{
                        img:'../img/yy.png',
                        name:'English'
                    },{
                        img:'../img/yy.png',
                        name:'English'
                    },{
                        img:'../img/yy.png',
                        name:'English'
                    },{
                        img:'../img/yy.png',
                        name:'English'
                    },{
                        img:'../img/yy.png',
                        name:'English'
                    },{
                        img:'../img/yy.png',
                        name:'English'
                    },{
                        img:'../img/yy.png',
                        name:'English'
                    },{
                        img:'../img/yy.png',
                        name:'English'
                    },{
                        img:'../img/yy.png',
                        name:'English'
                    },

                ],
              
          
                
               
             
                
                
            }
        },
        computed: {
            
        },
        created() {
           
        },
        mounted(){
            
         
           
        },
        methods:{
          
            showlangdialog(){
                this.showlang=!this.showlang;
                this.shownotice=false;
                this.showuserinfoaction=false
            },
            hidediaolog(){
                this.showlang=false;
                this.shownotice=false;
                this.showuserinfoaction=false
            },
            showuserinfoactiondialog(){
                this.showuserinfoaction=!this.showuserinfoaction;
                this.shownotice=false;
                this.showlang=false;
            },
            chosethis(item){
                this.langinfo=item
                this.showlang=false;
            },
            shownoticedialog(){
                this.shownotice=!this.shownotice;
                this.showlang=false;
                this.showuserinfoaction=false
               

            },
              changemenu(){
                this.isCollapse=!this.isCollapse
                if(this.isCollapse){
                    $(".el-submenu__title span").hide();
                    $(".el-menu-item span").hide();
                    $(".el-submenu__title i").eq(1).hide();
                    $(".imc_left").css({"width":"auto","min-width":"auto"})
                    $(".indexmenu").css("height","100%")
                    
                }
                else{
                    $(".imc_left").css({"width":"2.6rem","min-width":"200px"})
                    $(".indexmenu").css("height","calc(100% - 0.96rem)")
                }
            },
        },
        watch:{
            isCollapse(){
                meun.isCollapse=this.isCollapse
            }
        }
    })
    var meun=new Vue({
        el: '#meun',
        data(){
            return {
                showuserinfoaction:false,
                isCollapse:false,
            }
        },
        computed: {
            
        },
        created() {
           
        },
        mounted(){
            
         
           
        },
        methods:{
           
            hidediaolog(){
                this.showlang=false;
                this.shownotice=false;
                this.showuserinfoaction=false
            },
            showuserinfoactiondialog(){
                this.showuserinfoaction=!this.showuserinfoaction;
                this.shownotice=false;
                this.showlang=false;
            },
         

            handleOpen(key, keyPath) {
                console.log(key, keyPath);
            },
            handleClose(key, keyPath) {
                console.log(key, keyPath);
            },
          
            
            hidefarmlist(){
                this.$refs["menu"].close("1")
            },

        }
    })
    var content=new Vue({
        el: '#content',
        data(){
            return {
                dataType:"0",
                dataOutIn:"0",
                btnActive:0,
                tableOutData:[
                    {
                        time:"2020-05-07 16:40",
                        outTemp:"27",
                        outHum:"30%",
                        outLux:'247',
                        outSpeed:'124',
                        outFx:"东南",
                        outInfo:'无'
                    },
                    {
                        time:"2020-05-07 16:40",
                        outTemp:"27",
                        outHum:"30%",
                        outLux:'247',
                        outSpeed:'124',
                        outFx:"东南",
                        outInfo:'无'
                    }
                ],
                tableIndata:[
                    {
                        index:'#1',
                        inTemp:'27',
                        inHum:"30",
                        inLux:"124",
                        inLandTemp:'24',
                        inLandHum:"30",
                        inCo2:'24',
                        inEC:"34",
                        inPH:"4.5",
                        inWaterTemp:'34'
                    }
                    
                ],
                dialogAirVisible:false,
               

                checkAll: false,
                checkedTypes: ['1', '2'],
                typeList: [
                    {
                        id:"1",
                        text:'室外温度',
                    },
                    {
                        id:"2",
                        text:'室外光照',
                    },
                    {
                        id:"3",
                        text:'室外风向',
                    },
                    {
                        id:"1",
                        text:'室外温度',
                    },
                  
                ],
                isIndeterminate: true,
                time:[]

                 
            }
        },
        computed: {
            
        },
        created() {
           
        },
        mounted(){
         
         
           
        },
        methods:{
           
            setBtnActive(index){
                this.btnActive=index;
            },
            showAirDialog(){
                this.dialogAirVisible=true;
            },
            handleCheckAllChange(val) {
                this.checkedTypes=[]
                if(val){
                    this.typeList.map(res=>{
                        this.checkedTypes.push(res.id)
                    })
                    
                }
                else{
                    this.checkedTypes=[]
                }
              
                this.isIndeterminate = false;
                console.log(this.checkedTypes)
            },
            handleCheckedCitiesChange(value) {
                let checkedCount = value.length;
                this.checkAll = checkedCount === this.typeList.length;
                this.isIndeterminate = checkedCount > 0 && checkedCount < this.typeList.length;
            }
        
        }
    })
</script>
<script src="../js/index.js"></script>